<!--
* @description 设备完好性
* @author zywu
* @date 2021/01/05 19:58:33
!-->
<template>
	<li class="item">
		<p class="item-tt">设备完好性</p>
		<ul id="deviceView">
			<li v-for="(item,i) in dataList" :key="i" class="d-flex ai-center">
				<span class="devicePre">{{item.progress}}<label>%</label></span>
				<div class="deviceContent">
					<div class="deviceName">{{item.systemName}}</div>
					<div class="deviceNum">
						监测总数&nbsp;
						<label style="color:#2E76CA">{{item.monitorTotal}}</label>
						&nbsp;&nbsp;&nbsp;&nbsp;故障数&nbsp;
						<label style="color:#FFBC37">{{item.faultTotal}}</label>
					</div>
				</div>
			</li>
		</ul>
	</li>
</template>

<script>
export default {
	props: {
		reportData: {
			type: Object,
			default: function () {
				return {}
			},
		},
	},
	data() {
		return {
			dataList: [],
		}
	},

	components: {},

	computed: {},

	created() {
		var data = this.reportData
		this.dataList = data.equipmentCompleteness //设备完好性
	},

	mounted() {},

	methods: {},
}
</script>
<style lang='scss'>
</style>